<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .day001-container {
            /*width: 1200px;*/
            box-shadow: 0 0 0 1px red;
        }
        table {
            width: 100%;
            table-layout: fixed;
            overflow: auto;
            height: 100%;
            border-radius: 6px;
        }

        table tr th,td {
            box-shadow: 0 0 0 1px;
            text-align: center;
        }

        table tr {
            border-bottom: solid 1px #eee;
        }
    </style>
</head>
<body>
<div class="day001-container">
    <table>
        <!--设置每一列的宽度 table-layout: fixed-->
        <colgroup>
            <col style="width: 10%;">
            <col style="width: 10%;">
            <col style="width: 10%;">
            <col style="width: 10%;">
            <col style="width: 10%;">
            <col style="width: 10%;">
            <col style="width: 20%;">
            <col style="width: 20%;">
        </colgroup>
        <thead>
            <tr>
                <th>App Name</th>
                <th>Audit Manager</th>
                <th>Create at</th>
                <th>Storage Usage</th>
                <th>Status</th>
                <th>Logs</th>
                <th>Tag Rules Count</th>
                <th>Audits</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>app01</td>
                <td>app01</td>
                <td>2021/10/27 10:46:37</td>
                <td>0.88M</td>
                <td>active</td>
                <td>26</td>
                <td>21</td>
                <td>3</td>
            </tr>
        </tbody>
    </table>
</div>
</body>
</html>
